.detail{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.detail-header{
    width: 100%;
    height: calc(.5rem*2);
    background: rgb(240, 99, 99);
    display: flex;
}

.detail-header>p{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.detail-header>h3{
    flex: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 500;
    font-size: calc(.17rem*2);
}

.detail-main{
    flex: 1;
    overflow: auto;
}

.detail-main>p{
    width: 100%;
    padding: calc(.1rem*2);
    margin-top: calc(.1rem*2);
    display: flex;
}
.detail-main>p>span{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(.17rem*2);
}